/* 禁用jquery.ajax数组参数序列化功能 */
// jQuery.ajaxSettings.traditional = true;

/** table鼠标悬停换色* */
$(function () {
    // 如果鼠标移到行上时，执行函数
    $(".table tr").mouseover(function () {
        $(this).css({background: "#CDDAEB"});
        $(this).children('td').each(function (index, ele) {
            $(ele).css({color: "#1D1E21"});
        });
    }).mouseout(function () {
        $(this).css({background: "#FFF"});
        $(this).children('td').each(function (index, ele) {
            $(ele).css({color: "#909090"});
        });
    });
});

/* 公共js */
$(function () {
    // 编辑页面跳转
    // 1. 给按钮绑定点击事件
    $(".btn_redirect").click(function () {
        // 2. 获取按钮上面的 url
        var url = $(this).data("url");
        // 3. 重定向页面
        window.location.href = url;
    });

    // 使用 ajax 删除
    // 1. 绑定点击事件
    $(".btn_delete").click(function () {
        // 获取url
        var url = $(this).data("url");

        // 2. 弹出确认框是否删除
        $.dialog({
            title: "提示",
            content: "确定要删除这条数据吗？？？？？",
            ok: function () {
                // 3. 确认时发送ajax请求进行删除
                $.post(url, function (data) {
                    // {msg:"删除成功", success: true}
                    responseCallback(data);
                });
            },
            cancel: true
        });
    });
});

// 批量删除
$(function () {
    // 全选/全不选
    $("#all").click(function () {
        // 將其他所有的checked屬性同步為全選框的
        $(".acb").prop("checked", this.checked);
    });

    // 批量删除
    $(".btn_batchDelete").click(function () {
        // 获取当前按钮的url
        var url = $(this).data("url");

        // 1. 弹出确认框，是否要删除这些数据？
        $.dialog({
            title: "提示",
            content: "确定要删除这些数据吗？",
            ok: function () {
                // 2. 获取所有被选中的选框
                var checkboxs = $(".acb:checked");
                // 3. 检查当前是否有选中数据，如果没有需要提示选择数据
                if (checkboxs.size() === 0) {
                    $.dialog({
                        title: "提示",
                        content: "请选中需要删除的数据！",
                        icon: "face-smile"
                    });
                    return;
                }
                // 4. 获取所有被选中的id，封装到数组中
                var ids = $.map(checkboxs, function (item) {
                    return $(item).data("eid");

                });
                console.log(ids);
                // 5. 发送ajax请求
                $.post(url, {ids: ids}, function (data) {
                    // 6. 响应后提示信息
                    responseCallback(data);
                });
            },
            cancel: true
        })
    });
});

// 元素移动
$(function () {

});

function responseCallback(data) {
    if (data.success) {
        // 4. 响应数据回来判断是否删除成功，如果删除成功刷新页面
        $.dialog({
            title: "提示",
            content: data.msg,
            ok: function () {
                window.location.reload();
            }
        });
    } else {
        $.dialog({
            title: "提示",
            content: data.msg,
            ok: true
        });
    }
}

function moveAll(selector, left, right) {
    $("#" + selector).click(function () {
        // 找到左边所有的 option，追加到右边的 select
        $("#" + left + " option").appendTo("#" + right);
    });
}

function move(selector, left, right) {
    $("#" + selector).click(function () {
        // 找到左边所有的 option，追加到右的 select
        $("#" + left + " option:selected").appendTo("#" + right);
    });
}

function selectedOption(selector) {
    // 将右边select中所有的option全部设置为选中
    // 0. 提交表单之前选中所有右边的option
    $("#editForm").submit(function () {
        // 1. 遍历右边所有的option
        $("#" + selector + " option").each(function (index, item) {
            // 2. 将所有的option的selected设置为true
            $(item).prop("selected", true);
        });
    });
}
